<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/includes/common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dialogue</title>
</head>
<body>

<div id="container" style="width: 780px">
<div style="float:left; width:350px">
&nbsp;
<c:if test="${not empty action.meals}">
    <ul>
	<c:forEach items="${action.meals}" var="meal">
	   <li>Meal
	   <ul>
	   <c:forEach items="${meal.recipes}" var="dish">
	       <li>${dish.id}</li>
	   </c:forEach>
	   </ul>
	   </li>
	</c:forEach>
	</ul>
</c:if>
</div>
<div style="float: left; width: 430px">
	<form action="" method="get">
		<div id="history" style="width: 100%; height: 430px; overflow: auto; background-color: background;">${action.history}</div>
		<input type="hidden" name="history" value="<c:out value="${action.history}"/>" />
		<input type="hidden" name="question" value="<c:out value="${action.newQuestion}" />" />
		<input id="answerTxt" name="answer" style="float: left; width: 380px;"/>
		<button type="submit" name="submit" value="answer" style="width: 50px;">Gửi</button>
		<script type="text/javascript">
		<!--
			document.getElementById('answerTxt').focus();
		//-->
		</script>
	</form>
</div>
</div>

</body>
</html>